<template>
  <div class="right_title">
    <p>舒城县- {{ title }}</p>
    <p class="p2"></p>
  </div>
</template>
<script>

export default {
  name: "RightTitle",
  props: ['title'],
};
</script>
<style>
</style>
<style lang="scss" scoped>
.right_title {
  width: 100%;
  height: 2.5rem;
  box-shadow: inset 8px 0px 0px 0px rgba(59, 149, 255, 0.25);
  border: 1px solid rgba(217, 231, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: space-between;

  font-size: 1.25rem;
  font-weight: 500;
  color: #D9E7FF;
  text-shadow: 0px 0px 8px rgba(2, 3, 7, 0.35);
  padding-left: 1.25rem;
  box-sizing: border-box;
  margin-bottom: 1.25rem;

  .p2 {
    width: .25rem;
    height: .1875rem;
    background: #DCEBFF;
    box-shadow: 0px 0px .625rem 2px rgba(255, 255, 255, 0.26);
  }
}
</style>
